<!-- imports -->
<%@page import="java.sql.Date"%>
<%@page import="www.nomina.controller.beans.usuarioBean"%>
<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ page language="java"%>
<%
	if (request.getSession().getAttribute("sesion") == null) {
		request.getSession().setAttribute("error", 1);
		response.sendRedirect("CLOSE");
	} else {
		usuarioBean usuario = (usuarioBean) request.getSession()
				.getAttribute("sesion");
%>
<!DOCTYPE>
<html>
<head>
<title>SISTEMA DE NOMINAS</title>
<!-- Metadatos-->
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta name="description" content="">

<!-- Main Stylesheet -->
<link rel="stylesheet" type="text/css" href="CSS/lungo.css">
<link rel="stylesheet" type="text/css" href="CSS/lungo.theme.css">
<link rel="stylesheet" type="text/css" href="CSS/lungo.icon.css">

<script type="text/javascript" src="JS/quo.js"></script>
<script type="text/javascript" src="JS/quo.debug.js"></script>
<script type="text/javascript" src="JS/lungo.js"></script>

</head>

<body>
	<!-- Menu -->
	<%@ include file='../menu.jsp'%>
	<section id="layout" data-transition="slide" class="show">
		<header data-title="Layout" data-back="chevron-left">
			<nav class="left">
				<a href="VIEW/SECURITY/SISTEMA/singOut.jsp"><span class="icon signout">SALIR</span></a>
			</nav>
			<span class="title centered">SISTEMA DE NOMINAS</span>
			<nav class="on-right">
				
				<button onclick="document.getElementById('cuenta').submit();" data-icon="user">
					<span class="icon user"><%
						out.println(usuario.nombreCompleto());
					%></span>
				</button>
			</nav>
		</header>

		<nav data-control="groupbar">
			<a href='javascript:;' onclick="document.getElementById('home').submit();" data-label="HOME"><abbr>HOME</abbr></a>
			<a href='javascript:;' onclick="document.getElementById('nominas').submit();" data-label="NOMINAS"><abbr>NOMINAS</abbr></a> 
			<a href='javascript:;' onclick="document.getElementById('catalogos').submit();" data-label="CATALOGOS" class="active"><abbr>CATALOGOS</abbr></a> 
			<a href='javascript:;' onclick="document.getElementById('pdf').submit();" data-label="NOMINAS PDF"><abbr>NOMINAS PDF</abbr></a>
			<a href='javascript:;' onclick="document.getElementById('configuracion').submit();" data-label="Settings"><abbr>CONFIGURACION</abbr></a>
		</nav>
		<nav data-control="groupbar">
			<a href='javascript:;' onclick="document.getElementById('cat_empleados').submit();" data-label="EMPLEADOS"><abbr>EMPLEADOS</abbr></a>
			<a href='javascript:;' onclick="document.getElementById('cat_depto').submit();" data-label="DEPARTAMENTOS"><abbr>DEPARTAMENTOS</abbr></a>  			  
			<a href='javascript:;' onclick="document.getElementById('cat_puesto').submit();" data-label="DEPARTAMENTOS"><abbr>PUESTOS</abbr></a>  
			<a href='javascript:;' onclick="document.getElementById('cat_turno').submit();" data-label="DEPARTAMENTOS"><abbr>TURNOS</abbr></a>
			<a href='javascript:;' onclick="document.getElementById('cat_nominas').submit();" data-label="NOMINAS" class="active"><abbr>NOMINAS</abbr></a>
		</nav>

		<article class="active list scroll">
			<table>
				<tr>
					<th>ID</th>
					<th>EMPLEADO</th>
					<th>FECHA</th>
					<th>VER</th>
				</tr>
				<tr>
					<td>EMPLEADO 1</td>
					<td></td>
					<td></td>
					<td></td>
				</tr>
				<tr class="alt">
					<td>EMPLEADO 2</td>
					<td></td>
					<td></td>
					<td></td>
				</tr>
			</table>
		</article>

		<footer>
			<nav>
				<a href='javascript:;' onclick="document.getElementById('home').submit();" data-icon="home"><span class="icon home"></span></a>
				<a href='javascript:;' onclick="document.getElementById('nominas').submit();" data-icon="book"><span class="icon book"></span></a> 
				<a href='javascript:;' onclick="document.getElementById('catalogos').submit();"  data-icon="list-ol"  class="active"><span class="icon list-ol"></span></a> 
				<a href='javascript:;' onclick="document.getElementById('pdf').submit();" data-icon="search"><span class="icon search"></span></a> 
				<a href='javascript:;' onclick="document.getElementById('configuracion').submit();" data-icon="cog"><span class="icon cog"></span></a> 
			</nav>
		</footer>
	</section>
</body>
</html>
<%
	}
%>